<template>
    <div id="background">
        <el-container>
            <el-header style="height:200px;">
                <changeHeader id="weiPeiXiangQingHead">
                <div id="wpXiangQingHead">
                <el-row type="flex" style="height:80%;display:flex;align-items: flex-end">
                    <el-col :xs="2" :sm="2" :md="2" :offset="1" class="imgCol">
                        <img v-bind:src="backIcon" class="backSize" @click="back" />
                    </el-col>
                    <el-col :xs="18" :sm="18" :md="18" :offset="1" class="imgCol">
                        <span class="titleSize">{{companyName}}</span>
                    </el-col>
                </el-row>
                </div>
                </changeHeader>
                <van-swipe style="height:200px;">
                    <van-swipe-item v-for="(gsImg,key) in companyPictures" :key="key">
                        <el-image :src="gsImg" style="width:100%;height:100%;"></el-image>
                    </van-swipe-item>
                </van-swipe>
            </el-header>
            <el-main id="wpXiangQingMain" style="background-color:#ffffff;">
                <!-- <el-row>
                    <van-swipe style="height:180px;">
                        <van-swipe-item v-for="gsImg in gsImgs" :key="gsImg">
                            <img :src="gsImg" style="width:100%;">
                        </van-swipe-item>
                    </van-swipe>
                </el-row> -->
                <el-row class="gongSiRow">
                    <el-row style="height:50%;">
                        <el-col style="width:50%;font-size:15px;color:#707070;" class="noHuanHang">
                            <span >
                                公司：
                            </span>
                            <span>
                                {{companyName}}
                            </span>
                        </el-col>
                        <el-col style="width:50%;font-size:15px;color:#707070;">
                            <span>
                                委培岗位：
                            </span>
                            <span>
                               {{positionName}}
                            </span>
                        </el-col>
                    </el-row>
                    <el-row style="height:50%;">
                        <el-col style="width:50%;font-size:15px;color:#707070;">
                            <span>
                                委培人数：
                            </span>
                            <span>
                               {{requirePopulation}}
                            </span>
                        </el-col>
                        <el-col style="width:50%;">
                            <span style="font-size:15px;color:#707070;">
                               已报名：
                            </span>
                            <span style="font-size:15px;color:#f16161;">
                               {{consignCount}}
                            </span>
                        </el-col>
                    </el-row>
                </el-row>
                <el-row>
                    <el-col class="imgCol">
                        <div class="wpline2"></div>
                    </el-col>
                </el-row>
                <el-row class="weiPeiXiangQing">
                    <!-- <el-col style="width:10%;height:21px;">
                        <div class="point"></div>
                    </el-col> -->
                    <el-col style="width:100%;color:#707070;font-size:15px;">
                        <span class="wpTitle">
                        委培详情
                        </span>
                    </el-col>
                </el-row>
                <el-row class="xiangQingNeiRong">
                    <!-- <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row> -->
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span class="wptitle">委托方</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{weiTuoFang}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>受托方</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{shouTuoFang}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>培训单位</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{peiXunDanWei}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>培训地点</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{peiXunDiDian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;height:100%; display:flex;align-items:center;">
                            <span>培训时间</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{peiXunShiJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>培训内容</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{peiXunNeiRong}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>培训费用</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{peiXunFeiYong}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>报名要求</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <el-row v-for="yaoQiu in baoMingYaoQiu" :key="yaoQiu">
                            <span style="margin-left:10px;">{{yaoQiu}}</span>
                            </el-row>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>报名时间</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                           <span style="margin-left:10px;">{{baoMingShiJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>其他说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{qiTaShuoMing1}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline2"></div>
                        </el-col>
                    </el-row>
                </el-row>
                <el-row class="weiPeiXiangQing">
                    <el-col style="width:100%;color:#707070;font-size:15px;">
                        <span class="wpTitle">
                            工资待遇
                        </span>
                    </el-col>
                </el-row>
                <el-row class="xiangQingNeiRong">
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span class="wptitle">基本工资</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{jiBenGongZi}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>发薪日期</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{faXinRiQi}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>结算方式</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{jieSuanFangShi}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>其他说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{qiTaShuoMing2}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline2"></div>
                        </el-col>
                    </el-row>
                </el-row>
                 <el-row class="weiPeiXiangQing">
                    <el-col style="width:100%;color:#707070;font-size:15px;">
                        <span class="wpTitle">
                        住宿饮食
                        </span>
                    </el-col>
                </el-row>
                <el-row class="xiangQingNeiRong">
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span class="wptitle">住宿说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{zhuSuShuoMing}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>饮食说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{yinShiShuoMing}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>社保说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{sheBaoShuoMing}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>其他说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{qiTaShuoMing3}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline2"></div>
                        </el-col>
                    </el-row>
                </el-row>
                <el-row class="weiPeiXiangQing">
                    <el-col style="width:100%;color:#707070;font-size:15px;">
                        <span class="wpTitle">
                        岗位要求
                        </span>
                    </el-col>
                </el-row>
                <el-row class="xiangQingNeiRong">
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span class="wptitle">工作内容</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{gongZuoNeiRong}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>工作时间</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{gongZuoShiJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>工作方式</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{gongZuoFangShi}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>其他说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{qiTaShuoMing4}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline2"></div>
                        </el-col>
                    </el-row>
                </el-row>
                <el-row class="weiPeiXiangQing">
                    <el-col style="width:90%;color:#707070;font-size:15px;">
                        <span class="wpTitle">
                            录用条件
                        </span>
                    </el-col>
                </el-row>
                <el-row class="xiangQingNeiRong">
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span class="wptitle">性别条件</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{xinBieTiaoJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>年龄条件</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{nianLingTiaoJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>学历条件</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{xueLiTiaoJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>经验条件</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{jinYanTiaoJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>证书条件</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{zhengShuTiaoJian}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline"></div>
                        </el-col>
                    </el-row>
                    <el-row class="wpxiangQingRow">
                        <el-col style="width:20%;display:flex;align-items:center;height:100%;">
                            <span>其他说明</span>
                        </el-col>
                        <el-col style="width:80%;display:flex;align-items:center;height:100%;">
                            <span style="margin-left:10px;">{{qiTaShuoMing5}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col class="imgCol">
                            <div class="wpline2"></div>
                        </el-col>
                    </el-row>

                </el-row>
                <el-row class="weiPeiXiangQing">
                    <el-col style="width:100%;color:#707070;font-size:15px;">
                        <span class="wpTitle">
                        公司简介
                        </span>
                    </el-col>
                </el-row>
                <el-row class="gongSiJianJie">
                    <el-row class="jianJieWenBen">
                        <span>
                            {{jianJieWenBen}}
                        </span>
                    </el-row>
                    <el-row class="lianXiFangShi">
                        <span>
                            {{'联系方式：'+lianXiFangShi}}
                        </span>
                    </el-row>
                    <el-row class="gongSi" >
                        <div @click="goToGongSi">
                        <el-col style="width:20%;height:100%;">
                            <el-image :src="gongSi" class="gongSiImg"></el-image>
                        </el-col>
                        <el-col style="width:70%;height:100%;padding-left:10px;margin-top:5px;">
                            <el-row style="height:50%;margin-bottom:14px;">
                                <span>
                                    {{gongSiMing}}
                                </span>
                            </el-row>
                            <el-row style="height:50%;">
                                <el-col style="width:50%;">
                                    <span>
                                       <van-rate v-model="pingJia" :size="10" readonly/>
                                    </span>
                                </el-col>
                                <el-col style="width:50%;">
                                    <span>{{gongSiXingZhi}}</span>
                                    <span>{{gongSiGuiMo+'人'}}</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col style="width:10%;height:100%;display:flex;align-items:center;">
                            <span style="font-size:15px;margin-left:10px;margin-top:18px;"><i class="el-icon-arrow-right"></i></span>
                        </el-col>
                        </div>
                    </el-row>
                    <!-- <el-row style="padding:10px;margin-top:10px;" type="flex">
                        <el-col style="width:10%;">
                            <span>
                                <img :src="zuoBiao" style="width:18px;height:22px;margin-top:10px;">
                            </span>
                        </el-col>
                        <el-col style="width:70%;" class="imgCol">
                            <el-row>{{gongSiDiDian}}</el-row>
                        </el-col>
                        <el-col style="width:20%;">
                            <img :src="daoHang" style="width:45px;margin-top:10px;">
                        </el-col>
                    </el-row> -->
                </el-row>
                <div style="margin-bottom:60px;"></div>
            </el-main>
        </el-container>
         <div style="backgroundColor:#ffffff">
                <!-- <el-row type="flex" class="imgCol" style="position:fixed;bottom:0px;width:100%">
                   <el-col style="width:40%;height:50%;">
                        <img :src="shouCang" class="wpShouCang" >
                    </el-col>
                    <el-col style="width:60%;height:50%;" @click="goToWpbm">
                        <img :src="baoMing" class="baoMing" @click="goToWpbm">
                    </el-col>
                </el-row> -->
                 <div style="backgroundColor:#ffffff;position:fixed;bottom:0px;width:100%">
                <el-row type="flex" class="imgCol" style="margin-bottom:10px">       
                    <el-col :xs="12" :sm="12" :md="12" class="end">
                         <button class="wpShouCang">收藏</button>
                    </el-col>
                    <el-col :xs="12" :sm="12" :md="12">
                        <button class="baoMing" @click="goToWpbm">立即报名</button> 
                    </el-col>
                </el-row>
                 </div>
            </div>
    </div>
</template>

<script>
import { Rate } from 'vant'
import { Swipe, SwipeItem } from 'vant';
import daoHang from '../../assets/img/weiPei/daoHang.png'
import zuoBiao from '../../assets/img/weiPei/zuoBiao.png'
import xingJi from '../../assets/img/weiPei/xingJi.png'
// import gongSi from '../../assets/img/weiPei/gongSi.png'
import baoMing from '../../assets/img/weiPei/baoMing.png'
import shouCang from '../../assets/img/weiPei/shouCang.png'
import backIcon from '../../assets/img/mine/back.png'
import changeHeader from '../../pages/common/changeHeader/changeHeader.vue'
export default {
    components:{
        changeHeader,
    },
   data() {
    return {
        companyId:'',
        pingJia:0,
        requirePopulation:'',
        companyName:'',
        consignCount:'',
        companyPictures:[],
        consignId:'',
        gsImgs:[
            'https://img.yzcdn.cn/vant/apple-1.jpg',
            'https://img.yzcdn.cn/vant/apple-2.jpg'
        ],
        positionName:'',
        daoHang:daoHang,
        zuoBiao:zuoBiao,
        gongSiGuiMo:'',
        gongSiXingZhi:'',
        gongSiMing:'',
        xingJi:xingJi,
        gongSi:'',
        gongSiDiDian:'',
        lianXiFangShi:'',
        jianJieWenBen:'',
        baoMing:baoMing,
        shouCang:shouCang,
        qiTaShuoMing5:'',
        zhengShuTiaoJian:'',
        jinYanTiaoJian:'不限',
        xueLiTiaoJian:'',
        nianLingTiaoJian:'',
        xinBieTiaoJian:'',
        qiTaShuoMing4:'',
        gongZuoFangShi:'',
        gongZuoShiJian:'',
        gongZuoNeiRong:'',
        qiTaShuoMing3:'',
        sheBaoShuoMing:'',
        yinShiShuoMing:'',
        zhuSuShuoMing:'',
        qiTaShuoMing2:'',
        jieSuanFangShi:'',
        faXinRiQi:'',
        jiBenGongZi:'',
        qiTaShuoMing1:'',
        baoMingShiJian:'',
        baoMingYaoQiu:[],
        peiXunFeiYong:'免费',
        peiXunNeiRong:'',
        peiXunShiJian:'',
        peiXunDiDian:'',
        peiXunDanWei:'',
        shouTuoFang:'新职通',
        weiTuoFang:'',
        backIcon:backIcon,
        normalHeight:document.documentElement.clientHeight,
    }
  },
  mounted(){
        var id=this.$route.query.consignId;
        this.consignId=id;

        var bg = document.getElementById("background");
       // this.normalHeight=document.documentElement.clientHeight;
        console.log("height:"+this.normalHeight);
        bg.style.height = this.normalHeight+"px";
        bg.style.backgroundColor = "#FFFFFF"
        bg.style.margin = "0px";

        var head=document.getElementById("wpXiangQingHead");
        var headHeight=this.normalHeight/30 *4 ;
        console.log("headHeight:"+headHeight);
        head.style.height=headHeight+"px";

        var changehead=document.getElementById("weiPeiXiangQingHead");
        var changeheadHeight=this.normalHeight/30 *4 ;
        console.log("changeheadHeight:"+changeheadHeight);
        changehead.style.height=changeheadHeight+"px";


        // var main=document.getElementById("wpXiangQingMain");
        // var mainHeight=this.normalHeight/30 *23 ;
        // main.style.height=mainHeight+"px";

        // var foot=document.getElementById("wpXiangQingFoot");
        // var footHeight=this.normalHeight/30 *3 ;
        // foot.style.height=footHeight+"px";

        this.getXiangQing();

    },
    methods: {
        goToGongSi(){
            this.$router.push({
                path:'/zhaoPin/qiYeDetail',
                query:{
                    companyId:this.companyId,
                }
            })
        },
        getXiangQing(){
           var URL=this.IP.IP+'/consign/getConsignInformation';
            this.$ajax({
                    method:'get',
                    url:URL,
                    params: {
                        consignId:this.consignId,
                    },
                }).then(response =>{

                this.companyId=response.data.data.companyId;

                this.weiTuoFang=response.data.data.consignOutline.client;
                this.peiXunDanWei=response.data.data.consignOutline.consignUnit;
                this.peiXunDiDian=response.data.data.consignOutline.consignAddress;
                this.peiXunShiJian=response.data.data.consignOutline.consignTime;
                this.peiXunNeiRong=response.data.data.consignOutline.consignText;
                this.baoMingYaoQiu=response.data.data.consignOutline.consignRequest;
                this.baoMingShiJian=response.data.data.consignOutline.consignDeadline;
                this.qiTaShuoMing1=response.data.data.consignOutline.consignOtherNotice;

                this.jiBenGongZi=response.data.data.salaryOutline.baseSalary;
                this.faXinRiQi=response.data.data.salaryOutline.salaryDate;
                this.jieSuanFangShi=response.data.data.salaryOutline.payType;
                this.qiTaShuoMing2=response.data.data.salaryOutline.salaryOtherNotice;
                
                this.zhuSuShuoMing=response.data.data.liveAndFoodOutline.liveNotice;
                this.yinShiShuoMing=response.data.data.liveAndFoodOutline.foodNotice;
                this.sheBaoShuoMing=response.data.data.liveAndFoodOutline.securityNotice;
                this.qiTaShuoMing3=response.data.data.liveAndFoodOutline.liveFoodOtherNotice;

                this.gongZuoNeiRong=response.data.data.professionRequest.jobNotice;
                this.gongZuoShiJian=response.data.data.professionRequest.jobTimeNotice;
                this.gongZuoFangShi=response.data.data.professionRequest.job_way;
                this.qiTaShuoMing4=response.data.data.professionRequest.jobOtherNotice;

                this.xinBieTiaoJian=response.data.data.employRequest.sexRequest;
                this.nianLingTiaoJian=response.data.data.employRequest.ageRequest;
                this.xueLiTiaoJian=response.data.data.employRequest.educationBackgroundRequest;
                this.jinYanTiaoJian=response.data.data.employRequest.expRequest;
                this.zhengShuTiaoJian=response.data.data.employRequest.credentialRequest;
                this.qiTaShuoMing5=response.data.data.employRequest.employOtherNotice;

                this.jianJieWenBen=response.data.data.company.companyIntroduction;
                this.lianXiFangShi=response.data.data.company.companyContact;
                this.gongSiDiDian=response.data.data.company.companyAddress;
                
                if(response.data.data.company.companyOutline.companyScale!=null){
                    this.gongSiGuiMo=response.data.data.company.companyOutline.companyScale;
                }else{
                     this.gongSiGuiMo=0;
                }
                this.gongSiMing=response.data.data.company.companyOutline.companyName;
                this.pingJia=response.data.data.company.companyOutline.companyStar;
                this.gongSiXingZhi=response.data.data.company.companyOutline.companyNature;
                this.gongSi=response.data.data.company.companyOutline.companyPicture;

                this.requirePopulation=response.data.data.companyInformation.requirePopulation;
                this.companyName=response.data.data.companyInformation.companyName;
                this.consignCount=response.data.data.companyInformation.consignCount;
                this.companyPictures[0]=response.data.data.companyInformation.companyPicture;
                this.positionName=response.data.data.companyInformation.positionName;

                console.log(response);
                }).catch(error => {
                console.log('sad');
                }); 
        },
        goToWpbm(){
            this.$router.push({
                path:'/weiPei/weiPeiBaoMing',
                query:{
                    consignId:this.consignId
                }
            })
        },
         back(){
            console.log("back:");
            this.$router.go(-1);
        },
  }
}
</script>

<style>
.noHuanHang{
    white-space: nowrap;
    overflow: hidden;
}
.end{
    display: flex;
    justify-content:flex-end;
}
.gongSiImg{
    width:60px;
    height:60px;
}
.gongSi{
    padding:10px;
    background-color: #F0F0F0;
    margin-top: 10px;
}
.lianXiFangShi{
    position: relative;
    right:0;
}
.jianJieWenBen{
    margin-bottom:10px;
}
.gongSiJianJie{
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: #707070;
    font-size: 14px;
}
.baoMing{
    background-color: #53cdf5;
    height: 40px;
    width: 90%;
    color: #fff;
    font-size: 1.125em;
    outline: none;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-style: none;
}
.wpShouCang{
    background-color: #fff;
    height: 40px;
    width: 90%;
    color: #53cdf5;
    border:#53cdf5 1px solid;
    font-size: 1.125em;
    outline: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    /* float: right; */
}
.imgCol{
    display:flex;
    align-items:center;
    justify-content:center
}
.wpTitle{
    border-bottom: 2px solid;
    border-color:#53cdf5;
}
.wpline{
    width: 90%;
    height: 2px;
    background-color: #F0F0F0;
}
.wpxiangQingRow{
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: #707070;
    font-size: 14px;
    height:40px;
}
.weiPeiXiangQing{
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
/* .point{
    width: 10px !important;      
    height: 10px !important;      
    background-color:#53cdf5 !important;      
    border-radius: 50% !important;      
    -moz-border-radius: 50% !important;      
    -webkit-border-radius: 50% !important; 
    box-shadow: none;
    position: relative;
    top:25%;
} */
.gongSiRow{
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.wpline2{
    width: 100%;
    height: 10px;
    background-color: #F0F0F0;
}
#wpXiangQingMain{
    padding:0;
}
#weiPeiXiangQingHead{
    position:fixed;
    top:0;
    width: 100%;
    z-index: 2;


}
.el-header{
    padding: 0;
}
.backSize{
    height: 26px;
}
.titleSize{
    font-size:1.125em;
    color:#ffffff
}
@media screen and (max-height: 600px){
  .backSize{
      height: 22px;
  }
  .titleSize{
      font-size: 1em;
  }
}
</style>